.tabContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 15px 10px 0;
  > div:last-child {
    display: flex;
    > div {
      margin: 0 10px;
      color: var(--bd-primary);
      font-size: 13px;
      cursor: pointer;
      span {
        margin-right: 5px;
      }
    }
  }
}

.btn {
  a {
    color: var(--bd-primary);
  }
  :global {
    .ant-btn,
    .ant-btn-link {
      padding: 4px 0;
      // color: var(--bd-primary);
      font-size: 12px;
      border: none;
    }
    .ant-btn-link:focus {
      // color: var(--bd-primary);
    }
  }
}

html[data-type-color] {
  .tabContainer {
    background-color: var(--bg-main);
  }
  .btn {
    :global {
      .ant-btn,
      .ant-btn-link {
        padding: 4px 0;
        // color: var(--bd-primary);
        font-size: 12px;
        border: none;
      }
      .ant-btn-link:focus {
        // color: var(--bd-primary);
        border: none;
      }
    }
  }
}
